<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- 引入edittor.md的依赖 -->
    <link rel="stylesheet" href="editor.md/css/editormd.min.css">
    <script src="js/jquery.min.js"></script>
    <script src="editor.md/lib/marked.min.js"></script>
    <script src="editor.md/lib/prettify.min.js"></script>
    <script src="editor.md/editormd.js"></script>

</head>
<body>


     <!-- 放置markdown编辑器 -->
     <div id="editor">
        
     </div>



    <script>
        //初始化编译器
        //editormd库里面提供的函数，构造一个editor对象，作为md编辑器
        let editor = editormd("editor",{   //editor表示id关联上一个html标签，放到那个盒子里
            //这里的尺寸必须在这里设置，设置样式会被editormd覆盖掉
            width:"100%",
            height:"calc(100% - 50px)",
            markdown:"# 在这里写下一篇博客",
            path:"editor.md/lib/"   //保证和磁盘上的路径对应
        });
    </script>
    



</body>
</html>